<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="format-detection" content="telephone=no,email=no,adress=no">
    <link rel="shortcut icon" href="img/icon.png" type="image/x-icon" />
    <title>美仑科技-案例详情</title>
    <link href="css/style.css" type="text/css" rel="stylesheet">
    <link href="css/animate.min.css" type="text/css" rel="stylesheet">
    <script src="js/jquery.min.js"></script>
</head>

<body>
    <!--头部-->
    <div class="heaerTp">
        <div class="heaerbox">
            <div class="logo">
                <a href="#">
                    <img src="img/logo.png">
                </a>
            </div>
            <div class="navbar-collapse" id='nav'>
                <div class="searchbox">
                    <div class="searchinpt">
                        <input type="text" placeholder="搜索你想要的">
                    </div>
                    <button type="button" class="search-btn" id='searchBtn'>
                        <i></i>
                    </button>
                </div>
                <ul class="navbar-nav">
                    <li>
                        <a href="index.html">HOME</a>
                    </li>
                    <li class="active">
                        <a href="case.html">案例</a>
                    </li>
                    <li>
                        <a href="service.html">服务</a>
                        <div class="servicemenu">
                            <dl>
                                <dd>
                                    <a href="mobilescheme.html">
                                        <span class="ion">
                                            <i>
                                                <img src='img/sricion1.png'>
                                            </i>
                                        </span>
                                        <span class="cont">
                                            <h2>移动端设计 开发</h2>
                                            <p>Mobile Solutions</p>
                                        </span>
                                    </a>
                                </dd>
                                <dd>
                                    <a href="webpage.html">
                                        <span class="ion">
                                            <i>
                                                <img src='img/sricion2.png'>
                                            </i>
                                        </span>
                                        <span class="cont">
                                            <h2>网站建设 软件开发</h2>
                                            <p>Software Development</p>
                                        </span>
                                    </a>
                                </dd>
                                <dd>
                                    <a href="frontend.html">
                                        <span class="ion">
                                            <i>
                                                <img src='img/sricion3.png'>
                                            </i>
                                        </span>
                                        <span class="cont">
                                            <h2>前端 H5开发</h2>
                                            <p>Front-end Development</p>
                                        </span>
                                    </a>
                                </dd>
                                <dd>
                                    <a href="game.html">
                                        <span class="ion">
                                            <i>
                                                <img src='img/sricion4.png'>
                                            </i>
                                        </span>
                                        <span class="cont">
                                            <h2>游戏美术 UI设计</h2>
                                            <p>Game Art UI Design</p>
                                        </span>
                                    </a>
                                </dd>
                                <dd>
                                    <a href="brand.html">
                                        <span class="ion">
                                            <i>
                                                <img src='img/sricion5.png'>
                                            </i>
                                        </span>
                                        <span class="cont">
                                            <h2>品牌策划</h2>
                                            <p>Brand Planning</p>
                                        </span>
                                    </a>
                                </dd>
                                <dd>
                                    <a href="shoping.html">
                                        <span class="ion">
                                            <i>
                                                <img src='img/sricion6.png'>
                                            </i>
                                        </span>
                                        <span class="cont">
                                            <h2>电商视觉</h2>
                                            <p>E-commerce Vision</p>
                                        </span>
                                    </a>
                                </dd>
                            </dl>
                        </div>
                    </li>
                    <li>
                        <a href="about.html">关于</a>
                    </li>
                    <li>
                        <a href="contus.html">联系</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!--end-->
    <!--背景-->
    <div class="content-bg" style="background:url(img/deatilsbg.jpg)no-repeat center center / cover">
        <!-- <div class="casein">
            <img src='img/casert1.png'>
        </div> -->
    </div>
    <!--end-->
    <!--案列详情头-->
    <div class="caseTp">
        <div class="container">
            <div class="fll">案例名称案例名称案例名称案例名称案例名称</div>
            <div class="frr">所属分类&nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;
                <a href="#">UI</a>&nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;APP界面</div>
        </div>
    </div>
    <!--案列详情内容-->
    <div class="container">
        <div class="caseContent">
            <div class="caseP">
                <p>
                    案列详情介绍案列详情介绍案列详情介绍案列详情介绍案列详情介绍案列详情介绍案列详情介绍案列详情介绍案列详情介绍案列详情介绍案列详情介绍案列详情介绍案列详情介绍案列详情介绍案列详情介绍案列详情介绍案列详情介绍案列详情介绍案列详情介绍案列详情介绍案列详情介绍案列详情介绍案列详情介绍案列详情介绍案列详情介绍案列详情介绍案列详情介绍案列详情介绍案列详情介绍</p>
                <p>
                    文字介绍信息文字介绍信息文字介绍信息文字介绍信息文字介绍信息文字介绍信息文字介绍信息文字介绍信息文字介绍信息文字介绍信息文字介绍信息文字介绍信息文字介绍信息文字介绍信息文字介绍信息文字介绍信息文字介绍信息</p>
                <p>作品描述详作品描述详情作品描述详情作品描述详情作品描述详情作品描述详情作品描述详情作品描述详情作品描述详情作品描述详情作品描述详情作品描述详情作品描述详情作品描述详情作品描述详情作品描述详情情</p>
            </div>
            <div class="caseImg">
                <img src="img/casei1.jpg">
            </div>
        </div>
    </div>
    <div class="caseLabel">
        <div class="container">
            <em>标签：</em>
            <span>
                <a href="#">网页设计</a>
            </span>
            <span>
                <a href="#">UI设计</a>
            </span>
            <span>
                <a href="#">产品设计</a>
            </span>
        </div>
    </div>
    <!--end-->
    <!--更多案列-->
    <div class="morecase">
        <div class="container">
            <h1>更多案列推荐</h1>
            <div class="caseItem">
                <ul>
                    <li>
                        <a href="#">
                            <div class="caseItem-img">
                                <img src="img/casei2.jpg">
                            </div>
                            <p>案列名称</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="caseItem-img">
                                <img src="img/casei3.jpg">
                            </div>
                            <p>案列名称</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="caseItem-img">
                                <img src="img/casei2.jpg">
                            </div>
                            <p>案列名称</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="caseItem-img">
                                <img src="img/casei3.jpg">
                            </div>
                            <p>案列名称</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="caseItem-img">
                                <img src="img/casei2.jpg">
                            </div>
                            <p>案列名称</p>
                        </a>
                    </li>
                </ul>
            </div>
            <!--加载更多-->
            <div class="loadmore">
                <span>加载更多</span>
            </div>
        </div>
    </div>
    <!--end-->
    <!--尾部版权-->
    <div class="footer">
        <div class="container">
            <div class="fotrimg">
                <img src="img/foter1g.png">
            </div>
            <div class="foter-nav">
                <a href="index.html" class="home">HOME</a>
                <a href="case.html">案例</a>
                <a href="service.html">服务</a>
                <a href="about.html">关于</a>
                <a href="contus.html">联系</a>
            </div>
            <div class="foter-row-lt1">
                <div class="foter-cont">
                    <h3>和我们一起工作</h3>
                    <p>这个行业贩卖的是头脑与技术
                        <br/>所以如果你有来</p>
                </div>
            </div>
            <div class="foter-row-lt2">
                <div class="foter-cont">
                    <h3>联系我们</h3>
                    <p>地址：山东省青岛市市北区重庆南路99号海尔云街甲1栋1205</p>
                    <p>邮箱：meilun@126.com</p>
                    <p>电话：0532-5642113</p>
                </div>
            </div>
            <div class="foter-row-center">
                <div class="foter-cont">
                    <h3>关于我们</h3>
                    <p>美仑传媒科技服务平台</p>
                    <div class="code">
                        <img src="img/ewm.jpg">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--end-->
    <!-- 悬浮导航 -->
    <div class="sliderbar">
        <ul>
            <li class="QQ" title="QQ在线咨询">
                <i>
                    <img src='img/sbar1.png'>
                </i>
                <div class="sbarhide">
                    <a href="#">QQ在线咨询</a>
                </div>
            </li>
            <li class="price" title="获取报价方案">
                <i>
                    <img src='img/sbar2.png'>
                </i>
                <div class="sbarhide">
                    <a href="javascript:void(0)" class="priceclick">获取报价/方案</a>
                </div>
                <div class="offer">
                    <div class="close">
                        <img src='img/close.png'>
                    </div>
                    <h2>我们联系您</h2>
                    <form method="POST">
                        <div class="offer-inpt">
                            <input type="text" placeholder="输入手机号">
                        </div>
                        <div class="offer-inpt">
                            <input type="text" class="code" placeholder="验证码">
                            <img src='img/codema.jpg' class="ramodecode">
                        </div>
                        <div class="offer-inpt">
                            <button type="button" class="btn">提 交</button>
                        </div>
                    </form>
                </div>
            </li>
            <li class="phone" title="联系方式">
                <i>
                    <img src='img/sbar3.png'>
                </i>
                <div class="sbarhide">
                    <a href="javascript:void(0)">0532-85648610</a>
                </div>
            </li>
            <li class="gotop" onclick="gotoTop()" title="返回顶部">
                <i>
                    <img src='img/sbar4.png'>
                </i>
            </li>
        </ul>
    </div>
    <!-- js -->
    <script src='js/nav.js'></script>
    <script src='js/casedetails.js'></script>
</body>

</html>